<template>
	<view class="tag" :class="{'br-rd-10':isRadius}">

		<u-cell :border="false">
			<view slot="title">
				<view class="title" :class="{'text-center':center}" v-if="title!=null">{{title}}</view>
			</view>
			<view slot="icon">
				<iconfont :icon="icon" />
			</view>


		</u-cell>
	
	
		<view class="" :class="{'body':fill}">
			<slot></slot>
		</view>
	</view>
</template>

<script>
	export default {
		props: {
			title: {
				type: String,
				default: null
			},
			icon: {
				type: String,
				default: ""
			},
			fill: {
				type: Boolean,
				default: false
			},
			isRadius: {
				type: Boolean,
				default: false
			},
			center: {
				type: Boolean,
				default: false
			}

		}
	}
</script>

<style>
	.tag {
		margin-top: 10px;
	}

	.title {


		font-size: 14px;
		font-weight: bold;
		border-bottom: 1px #eee6 solid;
		text-indent: 10px;
	}

	.body {
		background-color: #fff;
		padding: 5px;
		overflow: hidden;
	}
</style>